import { FC } from 'react';
import Box from '@mui/joy/Box';
import { useVM } from '@todo/ui';
import { DashboardViewModel } from '../viewmodels/dashboard.vm.ts';
import Button from '@mui/joy/Button';

const DashboardPage: FC = () => {
  const vm = useVM(DashboardViewModel);

  const onClickHandler = async () => {
    await vm.getJoke();
  };
  return (
    <Box
      sx={{
        height: '100%',
      }}
    >
      aaaaaa
      <br />
      <Button onClick={onClickHandler}>CALL</Button>
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
      aaaaaa
      <br />
    </Box>
  );
};

export default DashboardPage;
